<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table style="table-layout: fixed" width="100%">
 <table style="table-layout: fixed" width="50%">
     <tr>
         <td style="text-align: left;color: orange">用户信息(必填):</td>
     </tr>
     <tr>
        <td style="text-align: center" width="100px"><span>用户名：</span></td>
         <td><input type="text"></td>
     </tr>
     <tr>
         <td style="text-align: center"><span>用户密码：</span></td>
         <td><input type="password"></td>
     </tr>
     <tr>
         <td style="text-align: center"><span>确认密码：</span></td>
         <td><input type="password"></td>
     </tr>
     <tr>
         <td style="text-align: center"><span>邮 箱：</span></td>
         <td><input type="email"></td>
     </tr>
     <tr>
         <td style="text-align: center"><span>昵 称：</span></td>
         <td><input type="text"></td>
     </tr>
     <tr>
         <td style="text-align: center"><span>密保问题1：</span></td>
         <td><input placeholder="请选择：" list="qu1">
         <datalist id = "qu1">
             <option value="1"></option>
             <option value="2"></option>
             <option value="3"></option>
         </datalist>
         </td>

     </tr>
     <tr>
         <td style="text-align: center"><span>答  案1：</span></td>
         <td><input type="text"></td>
     </tr>
     <tr>
         <td style="text-align: center"><span>密保问题2：</span></td>
         <td><input placeholder="请选择：" list="qu2">
         <datalist id = "qu2">
             <option value="1"></option>
             <option value="2"></option>
             <option value="3"></option>
         </datalist>
         </td>
     </tr>
     <tr>
         <td style="text-align: center"><span>答  案2：</span></td>
         <td><input type="text"></td>
     </tr>
     <tr>
         <td style="text-align: center"><span>网站验证码：</span></td>
         <td><input type="text"></td>
         <td><input type="image"></td>
     </tr>
 </table>

    <table style="table-layout: fixed" width="50%">
        <tr>
            <td style="text-align: left;color: orange" width="50%" >可选填信息:</td>
        </tr>
        <tr>
            <td style="text-align: center"><span>手机号：</span></td>
            <td><input type="text"></td>
        </tr>
        <tr>
            <td style="text-align: center"><span>性 别：</span></td>
            <td>
                <input placeholder="请选择" list="sex">
                <datalist id="sex">
                    <option value="男"></option>
                    <option value="女"></option>
                </datalist>
            </td>
        </tr>
        <tr>
            <td style="text-align: center"><span>生 日：</span></td>
            <td><input type="date"></td>
        </tr>
        <tr>
            <td style="text-align: center"><span>地 址：</span></td>
            <td><input type="text"></td>
        </tr>
        <tr>
            <td style="text-align: center"><span>邮 箱：</span></td>
            <td><input type="text"></td>
        </tr>
        <tr>
            <td style="text-align: center"><span>--------------------------</span></td>
        </tr>
        <tr>
            <td><input type="checkbox"><span>同意</span></td>
            <td><a>测试数据321</a></td>
        </tr>
        <tr>
            <td><button type="submit" style="background-color: orange">提 交</button></td>
            <td><button type="reset" style="background-color: orange">重 置</button></td>
        </tr>
        <tr>
            <td rowspan="3"><a>已有用户了？点击进行登录。</a></td>
        </tr>
    </table>
</table>
</body>
</html>